<%@ page contentType="text/html; charset=utf-8" %>
<%@ page language="java" pageEncoding="utf-8"%>

<%@ include file="header.jsp" %>
<body>

<div id="message_odebrane" data-role="page" data-rockncoder-jspage="manageBarChart">  
	 
	 <header data-role="header" data-position="fixed">
    	<a data-rel="back" data-icon="back" data-transition="fade">Powrót</a>
      	<h1>Odebrane</h1>
    </header>
    
    <section data-role="content">
   		 <!-- Default text in popup -->
   		<div data-role="popup" id="popupWynikStyle" class="popupWynik"><p id="wynikTekst">Przepraszamy wystąpił błąd.</p></div>
	    

	    
	    <!-- Main page -->
	    <div>
			<ul data-role="listview" id="odebrane">
			</ul>
	    </div>
	    
		<script>
			onload=wyniki();
			var one = 0;
			result = new Array();
			
			function wiadomosc(x){
				$("p#wiadomoscOd").html("<h3>Wiadomość od: </h3>" + result[x]['autorNazwa']);
				$("p#wiadomoscTXT").html("<h3>Treść: </h3>" + result[x]['tresc']);
		       	$("p#wiadomoscTemat").html("<h3>Temat: </h3>" + result[x]['temat']);
		       	$("p#wiadomoscData").html("<h3>Data: </h3>" + result[x]['data']);
		       	$("#lnkDialog").click();
			}
			
			function wyniki(){
				 $.ajax(
						   {
						      type: "POST",
						      dataType: "json",
						      url: "message!listOdebrane.action",
						      success: function( response ) 
						      { 
						    	  result = new Array();
						    	  if(response.length == 0){
							        	$("p#wynikTekst").text("Brak wiadomości");
							       		$("div.popupWynik").popup( "open", { overlayTheme: "a" } );
						    	  }else{
						    		  for (x=0; x<response.length; x++) {
							    		  result[x] = new Array();
							    		  result[x]['id'] = response[x].id;
							    		  result[x]['temat'] = response[x].temat;
							    		  result[x]['tresc'] = response[x].tresc;
							    		  result[x]['autorNazwa'] = response[x].autorNazwa;
							    		  result[x]['rodzajAutora'] = response[x].rodzajAutora;
							    		  result[x]['status'] = response[x].status;
							    		  result[x]['data'] = response[x].data;
							    	  }
						    		   
						    		  for(var i = 0; i < result.length; i++){
						    			  $("#odebrane").append('<li><a href="#" onclick="wiadomosc(' + i + ')"><p>'+ result[i]["data"] +'</p><p><h3><strong>'+ result[i]["autorNazwa"] +'</strong></h3></p><p><h3>'+ result[i]["temat"] +'</h3></p></a></li>');
						    		  }
						    		  
						    		  $('#odebrane').listview('refresh');
						    	  }
						      }
						   } );
				
				 if(one == 0){
					 location.reload();
					 one++;
				 }
			 }
			
		</script>
    </section>
    
    <div data-role="footer">
		<h4>E-PRAWO JAZDY</h4>
	</div>
</div>

	    <!-- Dialog for messages -->
	    <a id='lnkDialog' href="#popupWiadomosc" data-rel="dialog" data-transition="pop" style='display:none;'></a>
	    
	    <div data-role="dialog" id="popupWiadomosc">
	
			<div data-role="header" data-theme="d">
				<h1>Wiadomość</h1>
			</div>
	
			<div data-role="content" data-theme="c">
				<p id="wiadomoscOd"></p>
				
				<p id="wiadomoscTemat"></p>
				
				<p id="wiadomoscTXT">Przepraszamy wystąpił błąd.</p>
				
				<p id="wiadomoscData"></p>
				<a href="#" data-role="button" data-rel="back" data-theme="c">Powrót</a>    
			</div>
		</div>

</body>
</html>